<template>
  <div class="notice-main">
    <div class="notice-nav w">
      <div v-for="(item,index) in notice" :key="index">
        <i class="el-icon-warning-outline" style="margin-right: 5px"></i>
        {{item.data}}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "RoomNotice",
  props:{
    notice:[],
  }
}
</script>

<style scoped>
  .w {
    width: 1200px;
  }
  .notice-main {
    width: 100%;
    height: auto;
    margin: 10px auto;
    padding: 20px 0;
    background-color: #f4f5f6;;
  }
  .notice-nav {
    margin: 0 auto;
  }
</style>